<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>小米帐号 - 登录</title>
        <style type="text/css">
            body,html {
                padding: 0px;
                margin: 0px;
                height: 100%;
                background-color: #ffffff;
            }
            a,a:hover {
                text-decoration: none;
                color: inherit;
            }
            /* 头部样式 */
            .head-wrapper {
                width: 1130px;
                margin: 0 auto;
            }
            .head-wrapper .head {
                display: block;
                width: 200px;
                height: 98px;
                background-image: url("https://account.xiaomi.com/static/res/7f6f2f5/account-static/respassport/acc-2014/img/mistore_logo.png");
                background-repeat: no-repeat;
            }
            /* 主体部分样式 */
            .bg {
                display: block;
                width: 100%;
                height: 588px;
                background-image: url("https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12c02030ee73caa35a19be59c5b1ec78.jpg");
                background-position: top center;
                background-repeat: no-repeat;
                overflow: hidden;
            }
            .bg .form-wrapper {
                width: 1130px;
                margin: 32px auto 0;
            }
            .bg .form-wrapper .form {
                background-color: #fff;
                width: 410px;
                height: 556px;
                float: right;
            }
                    /* 表单部分样式 */
            .bg .form-wrapper .form .nav-tab {
                width: 100%;
                padding:27px 0 24px ;
                color: #666;
                text-align: center;
            }
            .bg .form-wrapper .form .nav-tab .nav-tab-link {
                font-size: 24px;
            }
            .bg .form-wrapper .form .nav-tab .link-hover {
                color: #f56600;
            }
            .bg .form-wrapper .form .nav-tab .line {
                width: 1px;
                height: 24px;
                border:1px solid #e0e0e0 ;
                margin: 0 35px 0 42px;
            }
        </style>
    </head>
    <body>
        <a class="bg">
            <div>
                <a class="nav-tab-link link-hover">帐号登录</a>
                <a class="nav-tab-link">扫码登录</a>
            </div>
        </a>
    </body>
</html>